<div class="col-sm-5 offset-sm-1 col-md-6 offset-md-3 col-lg-4 offset-lg-4 box-shadow-2">
    <div class="card border-grey border-lighten-3 px-2 my-0 row">
        <div class="card-header no-border pb-1">
            <div class="card-body">
                <h2 class="error-code text-center mb-2">500</h2>
                <h3 class="text-uppercase text-center">Internal Server Error</h3>
            </div>
        </div>
        <div class="card-content px-2">
            <fieldset class="row py-1">
                <div class="input-group col-12">
                    <input type="text" class="form-control border-grey border-lighten-1" placeholder="Search..." aria-describedby="button-addon2">
                    <span class="input-group-append" id="button-addon2">
						<button class="btn btn-lg btn-secondary border-grey border-lighten-1" type="button"><i class="la la-search"></i></button>
					</span>
                </div>
            </fieldset>
            <div class="row py-2">
                <div class="col-12">
                    <a href="index.html" class="btn btn-primary btn-block btn-lg"><i class="la la-home"></i> Back to Home</a>
                </div>
            </div>
        </div>
        <div class="card-footer no-border pb-1">
            <div class="text-center">
                <a href="#" class="btn btn-social-icon mr-1 mb-1 btn-outline-facebook"><span class="la la-facebook"></span></a>
                <a href="#" class="btn btn-social-icon mr-1 mb-1 btn-outline-twitter"><span class="la la-twitter"></span></a>
                <a href="#" class="btn btn-social-icon mr-1 mb-1 btn-outline-linkedin"><span class="la la-linkedin font-medium-4"></span></a>
                <a href="#" class="btn btn-social-icon mr-1 mb-1 btn-outline-github"><span class="la la-github font-medium-4"></span></a>
            </div>
        </div>
    </div>
</div>
